<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>华北空管局培训中心教学管理系统</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./static/css/font.css">
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<link rel="stylesheet" href="./static/css/weadmin.css">
		<link rel="stylesheet" href="static/css/regist.css" />					
	    <style>
			.layui-form-radio *{
				color: #fff;
			}
			*{margin:0;padding:0}body{background-color:#384064}.layui-form-label{margin-right:-10px;width:89px!important}.layui-input{background-color:transparent;border-radius:10px;width:95%;height:45px;color:#fff;margin-bottom:10px;border:1px solid #2f375b;filter:alpha(opacity=60);font-size:13px;background-color:#51597d}.layui:visited{border:#12a7a9}.layui-input::-webkit-input-placeholder{color:#fff}.layui-form-select .layui-input{padding-right:0;cursor:pointer}.login{width:100%;padding:0;margin:0}.login img{margin:4%}.layui-btn1{margin-top:5%;border-radius:7px;background:#12a7a9;color:#fff;width:95%;height:50px;text-align:center;display:flex;align-items:center;justify-content:center}.layui-form{padding-left:3%}.layui-edge{display:none}.login-bg{margin:0}.top{width:100%;height:65px;display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center;background:#12a7a9;color:#fff}.tshi{width:60%;padding:4%;color:#12a7a9;font-size:12px;padding-top:0}.layui-form-item{margin-bottom:0!important}
	</style>		
	</head>
	<body>

	<div class="top">教员注册</div>
	<div class="login logins" style="font-size: 22px; color: #fff;"> <img src="img/logo.png" style="width: 9%"/>华北空管局培训中心提醒您</div>
	<div class="tshi">请使用真实信息填写下列各项</div>
		<div class="regist-container" >
			<div class="form-wrapper" >
				<form class="layui-form" action="" id="teacherRegist" >
					<!--姓名-->
					<div class="layui-form-item">					
							<input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input zc-username">						
					</div>				
					<div class="layui-form-item">
						
						<div class="layui-input-inline">
							<input type="radio" name="gender" value="0" title="男" class="zc-xbxz" style="margin-left: 6%;" >
							<input type="radio" name="gender" value="1" title="女" class="zc-xbxz">
						</div>
					</div>
					<!--工作单位-->
					<div class="layui-form-item">						
							<input type="text" name="unit" autocomplete="on" required placeholder="请输入工作单位" class="layui-input unit">						
					</div>
					<!--身份证号-->
					<div class="layui-form-item">			
							<input type="text" name="idCard" autocomplete="on" required placeholder="请输入身份证号码" class="layui-input zcsfz">						
					</div>
					<!--联系方式-->
					<div class="layui-form-item">						
							<input type="text" name="phone" autocomplete="on" placeholder="请输入手机号码" class="layui-input zc-phone">						
					</div>
					<!--人员编号-->
					<div class="layui-form-item">						
							<input type="text" name="number" autocomplete="on" placeholder="请输入人员编号" class="layui-input number">						
					</div>
					
					<div class="layui-form-item">
					
							<select name="profession" id="profession" class="profession">
								<option value="">请选择专业</option>
								<option value="0">管制</option>
								<option value="1">气象</option>
								<option value="2">通导</option>
							</select>
						
					</div>
					<!--类别-->
					<div class="layui-form-item">
					
							<select name="category" id="category" class="category">
								<option value="">请选择类别</option>
								<option value="0">内部</option>
								<option value="1">外部</option>
								<option value="2">特聘</option>
								<option value="3">专职</option>
							</select>
					

					</div>
					
					<!--密码-->
					<div class="layui-form-item">						
							<input type="password" name="password" autocomplete="off" lay-verify="pass" maxlength="12" placeholder="请输入密码" class="layui-input zc-password">
					</div>
					<!--确认密码-->
					<div class="layui-form-item">						
							<input type="password" name="confirm_password" autocomplete="off" lay-verify="pass" maxlength="12" placeholder="请再次输入密码" class="layui-input confirm-password">
					</div>					
							<div class="layui-btn1" id="zc-regist" style="font-size: 14px;">立即注册</div>
					<div style="height: 50px;"></div>
				</form>
			</div>
		</div>
		<script src="static/js/jquery.1.11.1.js"></script>
		<script src="static/js/validate.js"></script>
		<script src="static/js/messages_zh.js"></script>
		<script src="static/js/public.js"></script>
		<script src="lib/layui/layui.js"></script>
		<script src="static/js/teacherRegist.js"></script>
		<script>
			layui.use(['form', 'laydate'], function() {
				var form = layui.form;
				var laydate = layui.laydate;
				laydate.render({
					elem: '#birthday',
					min: '2000-10-10',
					max: 0
				});

				form.verify({
					account: function(value, item) { //value：表单的值、item：表单的DOM对象
							if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
								return '用户名不能有特殊字符';
							}
							if(/(^\_)|(\__)|(\_+$)/.test(value)) {
								return '用户名首尾不能出现下划线\'_\'';
							}
							if(/^\d+\d+\d$/.test(value)) {
								return '用户名不能全为数字';
							}
						},
						//我们既支持上述函数式的方式，也支持下述数组的形式
						//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
					pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格']
				});
			});
		</script>
	</body>

</html>